<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" type="image/png" href="" />
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1,minimum-scale=1,maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <!-- Set render engine for 360 browser 360浏览器-->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp 百度浏览器>-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- HTML5 shim for IE8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="./vendors/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./icon/iconfont.css">


    <style>
        .pb-top{
           margin-top:20px;
            height:100px;
            background:#F1d0d0;
        }

    </style>

</head>
<body>

<div class="header">
    <div class="header-top">
        <div class="container" style="position:relative" >

            <img class="notice"  src="./img/notice.png" alt="公告">
            <ul class="header-top-1">
                <li >
                    掌握最新流行时尚与服装搭配技巧，爪子给你想要的！
                </li>
            </ul>
        </div>
    </div>
    <div class="container header-bottom">
        <div class="logo">
            <img src="./img/logo.png" alt="logo">
        </div>
        <div class="input-group">
            <div >
                <input type="text"  class="form-control" placeholder="请输入想要找的宝贝">
                <span  class="input-group-addon">搜索</span>
            </div>
            <div class="tujian">
                <a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###" target="_blank">女装</a><a href="###">女装</a><a target="_blank">女装</a><a href="###" target="_blank">女装</a>
            </div>
            <div class="selectbox">
                <span class="selected">搜商品</span><i class="iconfont">&#xe618;</i>
                <ol>
                    <li class="current" data-index="bao"><a href="#" target="_blank">商品</a></li>
                    <li data-index="shop"><a href="#" target="_blank">店铺</a></li>
                </ol>
            </div>
        </div>
        <div class="pull-right">
            <img src="./img/ewm.png" alt="">
        </div>
    </div>

</div>
<div class="pb-top">

</div>





</body>
</html>